<template>
	<view style="background-color: white;">
		<view class="" style="height: 20rpx;">

		</view>
		<view class="shop-top">
			<view class="shop-top1">
				<view class="shop-top1text">
					我名称 13232323232
				</view>
				<view class="shop-top1text1">
					山东省淄博市张店区新村西路163号
				</view>
			</view>
			<image class="shop-top-img" src="../../static/img/youfh.png" mode=""></image>
		</view>
		<image style="width: 100vw;height: 8rpx;" src="../../static/img/bmx.png" mode=""></image>
		<view class="xian"></view>

		<view class="shop-box">
			<image class="shop-box-img" src="/static/img/shop1.png" mode=""></image>
			<view class="shop-box1">
				<view class="shop-box1text">
					红色皮革简约迷你斜挎包/轻奢时...
				</view>
				<view class="shop-box1text1">
					2020年，格子色
				</view>
				<view class="shop-box1text2">
					￥1200.00
				</view>
			</view>
		</view>
		<view class="xian11"></view>
		<view class="shop-box2">
			<view class="shop-box2text">
				商品数量
			</view>
			<view class="shop-box2text1">
				共1件
			</view>
		</view>
		<view class="shop-box2">
			<view class="shop-box2text">
				配送运费
			</view>
			<view class="shop-box2text1">
				￥0.00
			</view>
		</view>
		<view class="shop-box2">
			<view class="shop-box2text">
				订单总额
			</view>
			<view class="shop-box2text1" style="color:#FF1C17;">
				￥1200.00
			</view>
		</view>
		<view class="shop-box2">
			<view class="shop-box2text">
				订单备注
			</view>
			<view class="shop-box2text1" style="color:#FF1C17;">

			</view>
		</view>
		<view class="xian11"></view>
		<textarea class="dhtext" placeholder="请填写订单备注" />
		<view class="xian"></view>
		<view class="wxzf">
			<view class="wxzf1">
				<image class="wxzf1img" src="/static/img/wx.png" mode=""></image>
				<view class="wxzf1text">
					微信支付
				</view>
			</view>
			<image class="wxzfimg" src="/static/img/z1112.png" mode=""></image>
		</view>

		<view class="button">
			<view class="button1">
				<view class="button1-1">
					<view class="button1-1text" style="color: black;">
						共1件，合计：
					</view>
					<view class="button1-1text">
						￥235.00
					</view>
				</view>


				<view class="button1-2text" @click="fk">
					提交订单
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			fk() {
				uni.navigateTo({
					url: '/pages/shop/fukuan'
				})
			}
		}
	}
</script>

<style>
	.shop-top {
		width: 90%;
		margin: 0rpx auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.shop-top1 {}

	.shop-top1text {
		font-size: 36rpx;
		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		line-height: 28rpx;
	}

	.shop-top1text1 {
		margin-top: 28rpx;
		margin-bottom: 28rpx;
		font-size: 28rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #999999;
		line-height: 24rpx;
	}

	.shop-top-img {
		width: 14rpx;
		height: 30rpx;
	}

	.xian {
		width: 750rpx;
		height: 20rpx;
		background: #F3F3F2;
		border-radius: 0px 0px 0px 0px;
		opacity: 1;
	}

	.shop-box {
		display: flex;
		justify-content: space-between;
		width: 90vw;
		margin: 20rpx auto;
	}

	.shop-box-img {
		width: 176rpx;
		height: 176rpx;
	}

	.shop-box1text {
		font-size: 32rpx;
		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		line-height: 36rpx;
	}

	.shop-box1text1 {
		margin: 32rpx 0;
		font-size: 28rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #CCCCCC;
		line-height: 36rpx;
	}

	.shop-box1text2 {
		font-size: 32rpx;
		font-family: Source Han Sans CN-Bold, Source Han Sans CN;
		font-weight: bold;
		color: #FF1C17;
		line-height: 28rpx;
	}

	.xian11 {
		width: 686rpx;
		height: 1rpx;
		margin: 0 auto;
		opacity: 1;
		border: 1rpx solid #F7F7F7;
	}

	.shop-box2 {
		display: flex;
		justify-content: space-between;
		width: 90vw;
		margin: 0 auto;
	}

	.shop-box2text {
		font-size: 32rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #000000;
		line-height: 100rpx;
	}

	.shop-box2text1 {
		font-size: 30rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #999999;
		line-height: 100rpx;
	}

	.dhtext {
		width: 90vw;
		margin: 0 auto;
	}

	.wxzf {
		width: 90vw;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.wxzf1 {
		display: flex;
		align-items: center;
	}

	.wxzf1img {
		width: 60rpx;
		height: 60rpx;
	}

	.wxzf1text {
		margin-left: 32rpx;
		font-size: 32rpx;
		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
		font-weight: 500;
		color: #666666;
		line-height: 120rpx;
	}

	.wxzfimg {
		width: 36rpx;
		height: 36rpx;
	}

	.button {
		position: fixed;
		bottom: 0;
		padding: 20rpx 0;
		background-color: white;
		width: 100vw;
	}

	.button1 {
		width: 90vw;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.button1-1 {
		display: flex;
	}

	.button1-1text {
		font-size: 32rpx;
		font-family: Source Han Sans CN-Bold, Source Han Sans CN;
		font-weight: bold;
		color: #FF1C17;
		line-height: 36rpx;
	}

	.button1-2text {
		width: 280rpx;
		height: 80rpx;
		background: #FF4140;
		border-radius: 4px 4px 4px 4px;
		opacity: 1;
		font-size: 32rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
	}
</style>
